#out-shadow {
  position:relative;
  text-align:left;
  margin:30px auto 40px;
  width:900px;
  background:#ccc;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.4),0 0 9px rgba(0,0,0,.4);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.4),0 0 9px rgba(0,0,0,.4);
  box-shadow:0 0 2px rgba(0,0,0,.4),0 0 9px rgba(0,0,0,.4);
  -webkit-border-radius:0 0 7px 7px;
  -moz-border-radius:0 0 7px 7px;
  border-radius:0 0 7px 7px;
}
#out-shadow:after {
  content:"";
  display:table;
  clear:both;
}
#alexa {
  width:250px;
  padding:10px;
  margin:0 auto 30px;
  text-align:center;
  background-color:#333;
  -webkit-box-shadow:inset 0 1px 5px black;
  -moz-box-shadow:inset 0 1px 5px black;
  box-shadow:inset 0 1px 5px black;
  border:2px solid #ccc;
}
.widget-alexa {
  width:120px;
  padding:3px 3px 0 3px;
  margin:20px auto 0;
  text-align:center;
  background-color:#5d73b5;
  border:1px solid #cccccc;
  -moz-box-shadow:0 0 5px #000000;
  -webkit-box-shadow:0 0 5px #000000;
  box-shadow:0 0 5px #000000;
}
.awal {
  float:left;
  color:#333333;
  line-height:40px;
  padding-right:5px;
  font-family:times;
  font-weight:bold;
  font-size:60px;
}
#header-wrapper {
  background-color:#333;
  margin-bottom:1%;
  color:white;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
  padding:8px 15px 5px;
}
#header {margin:0;}
#header a,#header a:visited {color:white;}
#header .description {
  font:normal normal 100%/1.5em Alike,Georgia,"URW Bookman L",Serif;
  color:#999;
  padding:5px 30px 0;
  margin:0 0;
}
#header-logo {
  position:relative;
  width:84px;
  height:35px;
  display:block;
  margin:10px 30px 5px;
}
#header-logo span,#header-logo span:before,#header-logo span:after {
  content:"";
  position:absolute;
  display:block;
}
#header-logo .char-d {
  width:7px;
  border:7px solid white;
  top:0;
  bottom:0;
  left:0;
}
#header-logo .char-d:before {
  border:2px solid transparent;
  top:-7px;
  right:-7px;
  border-color:#333 #333 transparent transparent;
}
#header-logo .char-h {
  width:7px;
  top:0;
  bottom:0;
  left:22px;
  border-left:7px solid white;
  border-right:7px solid white;
}
#header-logo .char-h:before {
  width:7px;
  height:0;
  top:14px;
  border-top:7px solid white;
  left:0;
  right:0;
}
#header-logo .char-f {
  width:9px;
  top:0;
  bottom:0;
  left:44px;
  border:7px solid white;
  border-right:none;
  border-bottom:none;
}
#header-logo .char-f:before {
  top:8px;
  left:0;
  width:6px;
  border-top:7px solid white;
}
#header-logo .char-symb {
  position:absolute;
  top:14px;
  left:59px;
  width:35px;
  height:3px;
  border:3px solid #5498C9;
  -webkit-border-radius:52px;
  -moz-border-radius:52px;
  border-radius:52px;
  -webkit-transform:rotate(540deg);
  -moz-transform:rotate(540deg);
  -ms-transform:rotate(540deg);
  -o-transform:rotate(540deg);
  transform:rotate(540deg);
}
#header-logo .char-symb:before {
  display:block;
  bottom:4px;
  left:4px;
  width:23px;
  height:23px;
  border:2px solid transparent;
  border-bottom-color:white;
  border-left-color:white;
  -webkit-border-radius:42px;
  -moz-border-radius:42px;
  border-radius:42px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
#header-logo .char-symb:after {
  content:"";
  top:11px;
  left:4px;
  width:10px;
  height:10px;
  background-color:white;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
#header-logo .char-symb span {
  content:"";
  top:11px;
  left:auto;
  right:4px;
  width:10px;
  height:10px;
  background-color:white;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
#header-logo:hover .char-symb:before {
  border-bottom-color:#ED1C24;
  border-left-color:transparent;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
}
#header-logo .char-symb .trip {
  top:14px;
  left:auto;
  right:7px;
  width:4px;
  height:4px;
  background-color:#ED1C24;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#header-logo .char-symb .trap {
  top:14px;
  right:24px;
  width:4px;
  height:4px;
  background-color:#ED1C24;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  z-index:1;
}
#header-logo:hover .char-symb:after,#header-logo:hover .char-symb span {background-color:#5498C9;}
#header-logo:hover .char-symb .trip,#header-logo:hover .char-symb .trap {background-color:white;}
#header-logo:hover .char-symb,#header-logo:focus .char-symb,#header-logo.focused .char-symb {
  top:-3px;
  left:62px;
  width:35px;
  height:35px;
  border-color:yellow;
  -webkit-transform:rotate(-1deg);
  -moz-transform:rotate(-1deg);
  -ms-transform:rotate(-1deg);
  -o-transform:rotate(-1deg);
  transform:rotate(-1deg);
  -webkit-animation:updown .2s infinite alternate .5s;
  -moz-animation:updown .2s infinite alternate .5s;
  -ms-animation:updown .2s infinite alternate .5s;
  -o-animation:updown .2s infinite alternate .5s;
  animation:updown .2s infinite alternate .5s;
}
#header-logo .char-symb,#header-logo .char-symb:after,#header-logo .char-symb span {
  -webkit-transition:all 2s ease-in-out;
  -moz-transition:all 2s ease-in-out;
  -ms-transition:all 2s ease-in-out;
  -o-transition:all 2s ease-in-out;
  transition:all 2s ease-in-out;
}
.menupic2 {
  background:#F7D528 url() no-repeat center left;
  width:900px;
  margin:0 auto;
  padding:0;
}
.menuhorisontal2 {
  width:900px;
  height:23px;
  margin:0 auto;
  padding:3px 0;
}
.menuhorisontal2 ul {
  margin:0;
  padding-left:7px;
  color:#666;
  text-transform:capitalize;
  list-style-type:none;
  font:normal 12px Arial,Helvetica,Verdana,sans-serif;
}
.menuhorisontal2 li {
  display:inline;
  margin:0;
}
.menuhorisontal2 li a {
  float:left;
  display:block;
  text-decoration:none;
  padding:3px 6px 4px 6px;
  font-weight:bold;
  color:#fff;
}
.menuhorisontal2 li a:visited {color:#fff;}
.menuhorisontal2 li a:hover {
  background:#979797;
  border-radius:10px;
  -webkit-border-radius:10px;
  -opera-border-radius:10px;
  -moz-border-radius:10px;
  color:#222;
  text-decoration:none;
  -moz-box-shadow:inset 2px 2px 2px #404040;
  -webkit-box-shadow:inset 2px 2px 2px #404040;
  box-shadow:inset 2px 2px 2px #404040;
}
.menuhorisontal2 li.selected a {
  background:#2c2c2c;
  border-radius:10px;
  -webkit-border-radius:10px;
  -opera-border-radius:10px;
  -moz-border-radius:10px;
  -moz-box-shadow:inset 2px 2px 2px #404040;
  -webkit-box-shadow:inset 2px 2px 2px #404040;
  box-shadow:inset 2px 2px 2px #404040;
  color:#ff8000;
  text-decoration:none;
  border-right:1px solid #F7D528;
}
#topmenu {
  width:870px;
  margin:1% -5px 0;
  padding:4px;
  border:1px solid #999;
  overflow:hidden;
}
.topline {
  display:block;
  width:866px;
  height:36.5px;
  margin:0;
  padding:0;
  border-style:solid;
  border-width:1px;
  border-top-color:#444;
  border-right-color:#444;
  border-bottom-color:#222;
  border-left-color:transparent;
}
#topwrapper {
  background:#2c2c2c;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;
  #3c3c3c&#39;
  ,endColorstr=&#39;
  #2c2c2c&#39;
  );
  background-image:-webkit-linear-gradient(top,#3c3c3c,#2c2c2c);
  background-image:-moz-linear-gradient(top,#3c3c3c,#2c2c2c);
  background-image:-o-linear-gradient(top,#3c3c3c,#2c2c2c);
  background-image:linear-gradient(top,#3c3c3c,#2c2c2c);
  border-style:solid;
  border-width:1px;
  border-top-color:#222;
  border-right-color:#222;
  border-bottom-color:#444;
  border-left-color:#444;
  display:inline-block;
  width:864.5px;
  height:35px;
  margin:0 auto;
  padding:0;
}
#top {width:100%;}
#top,#top ul {
  padding:0;
  margin:0;
  list-style:none;
}
#top a {
  border-right:1px solid #444;
  border-left:1px solid #222;
  text-align:left;
  display:block;
  text-decoration:none;
  padding:8px 12px 8px;
  font:14px;
  font-family:Arial,sans-serif;
  text-transform:none;
  color:#999;
}
#top a:hover {
  background:url(http://1.bp.blogspot.com/-Az05EO1Wupo/UTLGqCMnuDI/AAAAAAAAB-c/lJQiXkRPk8w/s1600/nav-news.png) repeat-x;
  color:#fff;
  text-shadow:1px 1px 1px #111;
  border-left:1px solid #ffb900;
  border-right:1px solid #ffb900;
}
#top a.trigger {
  background-image:url(http://3.bp.blogspot.com/-LzmPTNyR6po/TwETZufjSTI/AAAAAAAAATo/oisHmXUjmSY/s1600/arrow_white.gif);
  background-repeat:no-repeat;
  padding:8px 24px 8px 12px;
  background-position:right center;
}
#top a.trigger:hover {
  background:#ffb900 url(http://2.bp.blogspot.com/-lZNK3ZWqsIM/UQKrZgj0PXI/AAAAAAAABRY/emAG0Cevy6E/s1600/arrow_white.gif);
  background-repeat:no-repeat;
  padding:8px 24px 8px 12px;
  background-position:right center;
}
#top li {
  float:left;
  position:relative;
}
#top li {
  position:static;
  width:auto;
}
#top li ul,#top ul li {width:240px;}
#top ul li a {
  text-align:left;
  padding:6px 10px;
  font-size:13px;
  font-weight:normal;
  text-transform:none;
  font-family:Arial,sans-serif;
  border:none;
  text-shadow:none;
}
#top li ul {
  z-index:100;
  position:absolute;
  display:none;
  background-color:#ffb900;
  margin-left:-60px;
  padding:10px 0;
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  -moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);
  -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6);
  filter:alpha(opacity=87);
  -moz-opacity:.90;
  opacity:.90;
}
#top li ul li {
  width:120px;
  float:left;
  margin:0;
  padding:0;
}
#top li:hover ul,#top li.hvr ul {display:block;}
#top li:hover ul a,#top li.hvr ul a {
  color:#2c2c2c;
  background-color:transparent;
  text-decoration:none;
}
#top ul a:hover {
  text-decoration:underline !important;
  background:none;
  border:none;
  text-shadow:none;
}
#main-nav {background-color:#333;}
#main-nav ul,#main-nav li {
  margin:0;
  padding:0;
  list-style:none;
  height:35px;
}
#main-nav li {
  float:left;
  display:inline;
  position:relative;
  height:auto;
}
#main-nav a {
  display:block;
  line-height:35px;
  border-left:1px solid #444;
  border-right:1px solid #222;
  color:#aaa;
  text-decoration:none;
  padding:0 1.8em;
}
#main-nav li.home-menu a {border-left:none;}
#main-nav li ul {
  background-color:#333;
  border:0;
  position:absolute;
  top:100%;
  left:0;
  width:225px;
  height:auto;
  z-index:88;
  -webkit-box-shadow:0 1px 5px #222;
  -moz-box-shadow:0 1px 5px #222;
  box-shadow:0 1px 5px #222;
  display:none;
}
#main-nav li li {
  float:none;
  display:block;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
}
#main-nav li ul a {
  height:33px;
  line-height:33px;
  padding:0 .8em 0 1.2em;
  font-size:86%;
}
#main-nav li a:hover,#main-nav li a:focus,#main-nav li:hover>a {color:#666;}
#main-nav li:hover ul.hidden {display:block;}
#main-wrapper {
  width:97.6%;
  float:left;
  margin:0 1%;
  padding:10px 0;
  background-color:#e7edf5;
  background-image:-webkit-linear-gradient(top,#dedede,#e7edf5 100px);
  background-image:-moz-linear-gradient(top,#dedede,#e7edf5 100px);
  background-image:-ms-linear-gradient(top,#dedede,#e7edf5 100px);
  background-image:-o-linear-gradient(top,#dedede,#e7edf5 100px);
  background-image:linear-gradient(top,#dedede,#e7edf5 100px);
  border:2px solid #888;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  overflow:hidden;
  word-wrap:break-word;
}
.custom-status-message {
  margin:0;
  padding:1em 1.5em;
  font-size:96%;
  font-style:italic;
}
.sidebar ul {
  list-style:none;
  border-top:1px solid #222;
  border-bottom:1px solid #444;
  margin:0 0 1.25em;
  padding:0;
}
.sidebar ul li {
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  margin:0;
  padding:3px 10px;
}
.sidebar p {margin:0 0 .6em;}
.sidebar a {
  color:#999;
  text-decoration:none;
  text-shadow:0 1px 0 black;
}
.sidebar a:visited {color:#666;}
.sidebar a:hover,.sidebar a:visited:hover,.sidebar a:focus,.sidebar a:visited:focus {
  color:white;
  text-decoration:none;
}
#sidebar-wrapper {
  width:28.8%;
  float:right;
  margin:0 1% 10px 0;
  padding:0;
  background-color:#333;
  border:4px solid #ddd;
  font-size:90%;
  color:#666;
  position:relative;
  right:-2px;
  -webkit-box-shadow:inset 0 0 5px black;
  -moz-box-shadow:inset 0 0 5px black;
  box-shadow:inset 0 0 5px black;
  overflow:hidden;
  word-wrap:break-word;
}
#sidebar-wrapper .widget,#sidebar-hidden .widget,#category .widget {margin:0;}
#sidebar-wrapper .widget-content,#sidebar-hidden .widget-content,#category .widget-content {
  margin:0;
  padding:10px;
}
#tab-hidden {
  width:90%;
  margin:1em auto;
  padding:1em;
  text-align:left;
  border:3px double #3c3c3c;
  position:relative;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.6);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.6);
  box-shadow:0 0 2px rgba(0,0,0,.6);
  display:none;
}
#sidebar-hidden {
  background-color:#333;
  border:4px solid #ddd;
  font-size:90%;
  color:#666;
  -webkit-box-shadow:inset 0 0 5px black;
  -moz-box-shadow:inset 0 0 5px black;
  box-shadow:inset 0 0 5px black;
  overflow:hidden;
  word-wrap:break-word;
}
#sidebar-hidden h2,#category h2 {
  cursor:pointer;
  margin:0;
  padding:0 .8em;
  background-color:#333;
  background-image:-webkit-linear-gradient(#333,#3c3c3c);
  background-image:-moz-linear-gradient(#333,#3c3c3c);
  background-image:-ms-linear-gradient(#333,#3c3c3c);
  background-image:-o-linear-gradient(#333,#3c3c3c);
  background-image:linear-gradient(#333,#3c3c3c);
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  font-weight:bold;
  font-size:100%;
  line-height:30px;
  color:#bbb;
  text-shadow:0 1px 0 black;
  text-transform:uppercase;
  height:28px;
}
#sidebar-hidden h2.active,.no-js #sidebar-wrapper h2 {
  background-image:-webkit-linear-gradient(#3c3c3c,#333);
  background-image:-moz-linear-gradient(#3c3c3c,#333);
  background-image:-ms-linear-gradient(#3c3c3c,#333);
  background-image:-o-linear-gradient(#3c3c3c,#333);
  background-image:linear-gradient(#3c3c3c,#333);
  -webkit-box-shadow:0 1px 3px black;
  -moz-box-shadow:0 1px 3px black;
  box-shadow:0 1px 3px black;
  border-color:#555 transparent #222;
}
#category {
  width:210px;
  padding:0 0 7px;
  position:absolute;
  top:10px;
  left:10px;
  display:none;
}
a.close-category,a.close-category:hover,a.close-category:focus {
  float:right;
  margin:5px 0 1px 0;
  color:white;
  font-family:Tahoma,Verdana,Arial,Sans-Serif;
  font-size:110%;
  line-height:100%;
  text-decoration:none;
}
a.close-category:hover,a.close-category:focus {color:#ccc;}
#friend {
  border-top:1px dotted #bbb;
  border-bottom:1px dotted #bbb;
  margin:.3em 0 25px;
  display:none;
}
#friend .content {margin:0 1.5%;}
#loading-text {
  position:fixed !important;
  position:absolute;
  top:6px;
  left:50%;
  z-index:200;
  width:47px;
  height:17px;
  background:url(http://1.bp.blogspot.com/-0VNaiuH2yTI/UfEncv5i-6I/AAAAAAAACr0/ChcZFKNi4js/s320/comment.png) no-repeat;
  display:none;
}
#loading-text span {
  display:inline;
  background-color:#900;
  padding:5px 10px 7px;
  font:normal bold 11px/24px Arial,Sans-Serif;
  color:white;
}
#loading-text .notif-count {
  display:block;
  width:22px;
  height:14px;
  padding:0 2px 1px;
  font:normal bold 11px Tahoma,Verdana,Arial,Sans-Serif;
  color:white;
  text-decoration:none;
  text-transform:uppercase;
  text-align:center;
  text-shadow:0 -1px 0 rgba(0,0,0,0.4);
  margin:-5px auto 0 13px;
  overflow:hidden;
  background:rgb(171,11,7);
  background:-webkit-linear-gradient(center top,rgb(242,41,20),rgb(171,11,7)) repeat scroll 0% 0% transparent;
  background:-moz-linear-gradient(center top,rgb(242,41,20),rgb(171,11,7)) repeat scroll 0% 0% transparent;
  background:-ms-linear-gradient(center top,rgb(242,41,20),rgb(171,11,7)) repeat scroll 0% 0% transparent;
  background:-o-linear-gradient(center top,rgb(242,41,20),rgb(171,11,7)) repeat scroll 0% 0% transparent;
  background:linear-gradient(center top,rgb(242,41,20),rgb(171,11,7)) repeat scroll 0% 0% transparent;
  -webkit-box-shadow:0 1px 2px rgb(102,102,102);
  -moz-box-shadow:0 1px 2px rgb(102,102,102);
  -ms-box-shadow:0 1px 2px rgb(102,102,102);
  -o-box-shadow:0 1px 2px rgb(102,102,102);
  box-shadow:0 1px 2px rgb(102,102,102);
  border:1px solid rgb(137,4,5);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#alert-box {
  position:fixed !important;
  position:absolute;
  top:50px;
  right:0;
  left:0;
  z-index:9999;
  text-align:center;
}
#alert-box .message {
  text-align:left;
  color:white;
  width:370px;
  margin:0 auto;
  padding:1.2em 1.4em;
  background-color:#174A87;
  border:10px solid #0A2E58;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#alert-box .button-group {margin:1.7em 0 0;}
#alert-box button {
  border:none;
  margin:0 2px;
}
.jsfiddle-demo {
  display:block;
  width:99%;
  height:300px;
  border:2px solid #bbb;
}
#footer {
  width:100%;
  padding:0;
  margin-top:1%;
  border-bottom:1px solid #000;
  border-top:4px solid #111;
  -webkit-border-radius:0 0 7px 7px;
  -moz-border-radius:0 0 7px 7px;
  border-radius:0 0 7px 7px;
  box-shadow:0 2px 6px rgba(0,0,0,0.2);
}
#credit {
  background:#0a2e56;
  border-top:1px solid #ffb900;
  font:11px Tahoma;
  color:#e9e6fd;
  width:100%;
  overflow:hidden;
  clear:both;
  padding:10px 0;
  margin-bottom:-1px;
  line-height:18px;
  -webkit-border-radius:0 0 7px 7px;
  -moz-border-radius:0 0 7px 7px;
  border-radius:0 0 7px 7px;
}
#credit .left {
  float:left;
  text-align:left;
  margin-left:10px;
}
#credit .right {
  float:right;
  text-align:right;
  margin-right:10px;
}
#credit a {
  color:#e9e6fd;
  text-decoration:none;
}
#credit a:hover {
  color:#fc0;
  text-decoration:none;
}
#main-footer {
  font-family:Alike,Georgia,"URW Bookman L",Serif;
  color:#999;
  background-color:#333;
  margin-top:1%;
  padding:15px 15px 8px;
  -webkit-border-radius:0 0 7px 7px;
  -moz-border-radius:0 0 7px 7px;
  border-radius:0 0 7px 7px;
}
#main-footer a,#main-footer a:visited {color:white;}
#main-footer .blog-dir {
  opacity:0;
  overflow:hidden;
  -webkit-transition:opacity .4s ease-out;
  -moz-transition:opacity .4s ease-out;
  -ms-transition:opacity .4s ease-out;
  -o-transition:opacity .4s ease-out;
  transition:opacity .4s ease-out;
}
#main-footer:hover .blog-dir {opacity:1;}
#main-footer .copyright {overflow:hidden;}
#main-wrapper {
  -webkit-animation:init 1s;
  -moz-animation:init 1s;
  -ms-animation:init 1s;
  -o-animation:init 1s;
  animation:init 1s;
}
h1,h2,h3,h4,h5,h6,#sidebar-wrapper,#ad-wrapper {
  -webkit-animation:init 2s;
  -moz-animation:init 2s;
  -ms-animation:init 2s;
  -o-animation:init 2s;
  animation:init 2s;
}
#page-loader {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#010101;
  z-index:9999;
  text-align:center;
  padding:70px 0 0;
  display:none;
}
#contact-frame {
  width:560px;
  height:375px;
  border:none;
  background-color:#333;
  position:absolute;
  top:100px;
  left:50%;
  z-index:9999;
  margin:0 0 0 -280px;
  overflow:hidden;
  -webkit-box-shadow:0 1px 3px black;
  -moz-box-shadow:0 1px 3px black;
  box-shadow:0 1px 3px black;
}
#contact-close {
  position:absolute;
  top:105px;
  left:50%;
  margin:0 0 0 -268px;
  border:none;
  z-index:99999;
  text-decoration:none;
  font-weight:bold;
  font-size:150%;
  line-height:normal;
  color:white;
}
#status {
  position:absolute;
  padding:7px 12px 7px 10px;
  text-align:right;
  top:77px;
  left:-4px;
  z-index:8;
  cursor:help;
  background-color:#DC4236;
  font-size:96%;
  color:white;
  text-shadow:0 -1px 0 rgba(0,0,0,.4);
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius:0 5px 5px 0;
  -moz-border-radius:0 5px 5px 0;
  border-radius:0 5px 5px 0;
  -webkit-transition:top .5s ease-in-out;
  -moz-transition:top .5s ease-in-out;
  -ms-transition:top .5s ease-in-out;
  -o-transition:top .5s ease-in-out;
  transition:top .5s ease-in-out;
  overflow:hidden;
  display:none;
}
#status a {color:#ffa;}
#status strong {
  cursor:pointer;
  float:right;
  width:16px;
  height:16px;
  font-size:78%;
  line-height:16px;
  text-align:center;
  background-color:#8B271F;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
#status h2 {
  font-size:110%;
  background-image:-webkit-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-o-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  margin:0 0 10px;
  padding:5px 10px;
}
#status .section {
  text-align:left;
  width:300px;
  height:300px;
  margin:0 10px 0;
  padding:0;
  position:relative;
  top:-12px;
  left:-10px;
  display:none;
}
#status .widget,#status .widget-content {
  margin:0;
  padding:0;
  width:auto;
}
#status:hover strong {
  -webkit-transform:rotate(-720deg);
  -moz-transform:rotate(-720deg);
  -ms-transform:rotate(-720deg);
  -o-transform:rotate(-720deg);
  transform:rotate(-720deg);
}
#gotop {
  cursor:pointer;
  width:30px;
  height:30px;
  position:fixed !important;
  position:absolute;
  bottom:-40px;
  right:-40px;
  z-index:999;
  text-indent:-9999px;
  border:1px solid #144F69;
  background-color:#067BAF;
  background-image:-webkit-radial-gradient(top,#2493C4,#086A95);
  background-image:-moz-radial-gradient(top,#2493C4,#086A95);
  background-image:-ms-radial-gradient(top,#2493C4,#086A95);
  background-image:-o-radial-gradient(top,#2493C4,#086A95);
  background-image:radial-gradient(top,#2493C4,#086A95);
  -webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  -moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  -webkit-border-radius:10px 0 0 0;
  -moz-border-radius:10px 0 0 0;
  border-radius:10px 0 0 0;
  overflow:hidden;
}
#gotop:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border-width:10px 4px;
  border-style:solid;
  border-color:transparent transparent #C3D1D7 transparent;
  position:absolute;
  top:0;
  left:11px;
}
#gotop:focus,#gobottom {outline:none;}
#gotop:hover:after {border-bottom-color:white;}
#gobottom:hover:after {border-top-color:white;}
#gotop:active,#gobottom {
  background-image:-webkit-linear-gradient(top,#144F69,#2493C4);
  background-image:-moz-linear-gradient(top,#144F69,#2493C4);
  background-image:-ms-linear-gradient(top,#144F69,#2493C4);
  background-image:-o-linear-gradient(top,#144F69,#2493C4);
  background-image:linear-gradient(top,#144F69,#2493C4);
}
#gobottom {
  cursor:pointer;
  width:30px;
  height:30px;
  position:fixed !important;
  position:absolute;
  top:26px;
  right:0;
  z-index:99;
  text-indent:-9999px;
  border:1px solid #144F69;
  background-color:#067BAF;
  background-image:-webkit-radial-gradient(top,#2493C4,#086A95);
  background-image:-moz-radial-gradient(top,#2493C4,#086A95);
  background-image:-ms-radial-gradient(top,#2493C4,#086A95);
  background-image:-o-radial-gradient(top,#2493C4,#086A95);
  background-image:radial-gradient(top,#2493C4,#086A95);
  -webkit-box-shadow:inset 1px 1px 1px 0 #2493C4,0 0 2px #444;
  -moz-box-shadow:inset 1px 1px 1px 0 #2493C4,0 0 2px #444;
  -ms-box-shadow:inset 1px 1px 1px 0 #2493C4,0 0 2px #444;
  -o-box-shadow:inset 1px 1px 1px 0 #2493C4,0 0 2px #444;
  box-shadow:inset 1px 1px 1px 0 #2493C4,0 0 2px #444;
  -webkit-border-radius:0 0 0 10px;
  -moz-border-radius:0 0 0 10px;
  border-radius:0 0 0 10px;
  overflow:hidden;
}
#gobottom:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border-width:10px 4px;
  border-style:solid;
  border-color:#C3D1D7 transparent transparent transparent;
  position:absolute;
  top:10px;
  left:11px;
}
.loader {background:transparent url('') no-repeat 50% 120px;}
.benar,.true {background-color:#EDFFCE;}
.salah,.false {background-color:#FFDED8;}
.float-left {float:left;}
.float-right {float:right;}
.clear {
  display:block;
  clear:both;
}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.alignleft,.align-left {
  float:left;
  margin:4px 2em .7em 0;
}
.alignright,.align-right {
  float:right;
  margin:4px 0 2em .7em;
}
.center {
  margin-left:auto;
  margin-right:auto;
  display:block;
  text-align:center;
}
.full {
  width:96.8%;
  max-width:96.8%;
  margin-left:auto;
  margin-right:auto;
}
.underline {border-bottom:1px dashed;}
.hidden {display:none;}
.accessible-hidden,.screen-reader {
  position:absolute !important;
  overflow:hidden;
  clip:rect(0px 0 0 0);
  clip:rect(0px,0px,0px,0px);
  height:1px;
  width:1px;
  margin:-1px 0 0;
  padding:0;
  border:0;
}
.ir {
  font:normal normal 0/0 a;
  color:transparent;
  text-shadow:none;
}
.rm-button-wrap {
  position:absolute;
  bottom:10px;
  right:10px;
  left:0;
  margin-left:100px;
}
.target-elem:before {
  content:"";
  display:block;
  height:40px;
  margin-top:-40px;
}
a.subscribe,a.subscribe:hover,a.subscribe:focus {
  font-size:80%;
  color:#eee;
  text-transform:uppercase;
  position:relative;
  top:-3px;
  background-color:#527915;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin:0 0 0 7px;
  padding:3px 10px;
  text-decoration:none;
}
.close-alexa,.close-alexa:hover,.close-alexa:focus {
  float:right;
  font-size:80%;
  color:#eee;
  text-transform:uppercase;
  position:relative;
  top:-3px;
  background-color:#0186CB;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin:0 -45px 0 7px;
  padding:3px 10px;
  text-decoration:none;
  visibility:hidden;
}
a.subscribe:active,.close-alexa:active {
  background-color:#999;
  color:white;
}
a.subscribe:hover,a.subscribe:focus {background-color:#DC4236;}
.close-alexa:hover,.close-alexa:focus {background-color:#527915;}
.color-box {
  display:inline-block;
  width:30px;
  height:30px;
  background-color:white;
  border:2px solid #222;
  border-color:rgba(0,0,0,.2);
  font:normal normal 0/0 a;
  color:transparent;
  text-shadow:none;
}
.color-box:hover,.color-box:focus {
  border-color:#333;
  border-color:rgba(0,0,0,.4);
}
.breadcrumb {
  position:fixed !important;
  position:absolute;
  z-index:100;
  top:0;
  right:0;
  left:0;
  background-color:#333;
  color:#ccc;
  border-bottom:2px solid #999;
  padding:2px 0 2px 1%;
  -webkit-box-shadow:0 0 7px black;
  -moz-box-shadow:0 0 7px black;
  box-shadow:0 0 7px black;
}
.breadcrumb a,.breadcrumb a:visited,.breadcrumb a:hover,.breadcrumb a:focus,.breadcrumb a:active {
  color:white;
  text-decoration:none;
}
.breadcrumb a:hover,.breadcrumb a:focus {color:#ccc;}
.breadcrumb .kanan {
  position:absolute;
  top:2px;
  right:1%;
}
#date-published {
  display:block;
  margin:-10px 0 30px;
  font-family:Alike,Georgia,"URW Bookman L",Serif;
  border-right:5px solid #39f;
  padding:0 15px 0 0;
  text-align:right;
  position:relative;
}
.reaction-button {
  display:block;
  width:100%;
  height:22px;
  position:absolute;
  top:-2px;
  right:0;
  left:-12px;
}
.post {
  border-top:1px dotted #bbb;
  border-bottom:1px dotted #bbb;
  margin:.3em 0 25px;
  padding:0 13px;
}
.post-title {
  letter-spacing:0;
  border:1px dotted #bbb;
  border-top-width:0;
  font:normal normal 146%/1.6 Alike,Georgia,"URW Bookman L",Serif;
  padding:3px 14px 5px;
  margin:0;
  -webkit-transition:all 0.26s ease-out;
  -moz-transition:all 0.26s ease-out;
  -ms-transition:all 0.26s ease-out;
  -o-transition:all 0.26s ease-out;
  transition:all 0.26s ease-out;
}
.post-title a,.post-title a:hover {
  text-decoration:none;
  color:inherit;
}
.post-title a:focus {outline:1px dotted;}
.post a img {
  padding:4px;
  background-color:#eee;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.post-body {
  border:1px dotted #bbb;
  border-width:0 1px;
  padding:20px 14px;
}
.archive #main-wrapper {margin-bottom:15px;}
.archive .blog-posts {margin-top:15px;}
.archive .post {
  margin:0;
  border:none;
}
.archive .post-body,.archive .post-footer {display:none;}
.archive .post-title {
  border:none;
  font:inherit;
  margin:2px 0 0;
  padding:0;
}
.archive .post-title a {
  display:block;
  background-color:#248AB0;
  color:white;
  text-shadow:0 1px 0 rgba(0,0,0,.4);
  padding:5px 10px;
}
.archive .post-title a:hover,.archive .post-title a:focus {background-color:#0671A1;}
.archive .post-title a:active {background-color:#005E90;}
.post-body figure img {
  border:none;
  background:none;
  padding:0;
  -webkit-box-shadow:0 0 3px rgba(0,0,0,.7);
  -moz-box-shadow:0 0 3px rgba(0,0,0,.7);
  box-shadow:0 0 3px rgba(0,0,0,.7);
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  display:block;
  margin:0 auto;
}
.post-body section {
  padding-top:30px;
  margin-top:-30px;
}
.post-body section footer {clear:both;}
.post-body .table-of-content,.post-body section .reference-breadcrumb {
  font-size:86%;
  padding:2px 5px;
  background-color:#f5f5f5;
}
.post-body .table-of-content {
  padding:10px 5px 5px;
  border:2px solid #eee;
}
.post-body .table-of-content ol,.post-body .table-of-content ul {margin-bottom:8px;}
.post-body ul.listing {
  font-size:10px;
  text-transform:uppercase;
}
.post-body ul.listing li {margin-bottom:0;}
.post-body ul.listing li.title {
  list-style:none;
  font-weight:bold;
  margin-left:-14px;
}
.post-body .ad-text {margin-bottom:30px;}
.post-footer {
  background-color:#eee;
  border:1px dotted #bbb;
  border-bottom-width:0;
  font-size:80%;
  color:#666;
  text-transform:uppercase;
  font-weight:bold;
  padding:4px 14px;
}
.post-footer .span {margin-right:.3em;}
#related-posts {
  margin:.7em 3% 1em;
  display:none;
}
#related-posts h2 {
  margin:0 .3em .7em;
  padding:0;
}
#related-posts-border {
  color:#999;
  background-color:#333;
  -webkit-box-shadow:inset 0 0 7px black;
  -moz-box-shadow:inset 0 0 7px black;
  box-shadow:inset 0 0 7px black;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:7px;
}
.related-posts-container {
  border:1px solid #3c3c3c;
  -webkit-box-shadow:inset 0 0 3px black;
  -moz-box-shadow:inset 0 0 3px black;
  box-shadow:inset 0 0 3px black;
  height:370px;
  overflow:auto;
  padding:1.8em;
}
.related-posts-container a {color:#5687b8;}
.related-posts-container a:hover,.related-posts-container a:focus {text-decoration:underline;}
.sidebar .related-posts-container ul {margin:.7em 0 2em;}
#blog-pager {
  clear:both;
  text-align:right;
  padding:0 3%;
  line-height:4.6em;
}
.sidebar {line-height:1.4;}
#about h2,.sidebar h2,.sidebar-box-left h2,.sidebar-box-right h2,#blog_list h2 {letter-spacing:0;}
.inline-ad {
  margin:-10px 14px 10px;
  background-color:#eee;
  border-top:4px solid #0186cb;
  padding:10px;
  position:relative;
  text-align:left;
  min-height:225px;
  clear:both;
}
.sidebar-box-left,.sidebar-box-right {
  width:47%;
  display:inline;
  color:#999;
  min-height:214px;
  background-color:#FCFCFC;
  -moz-box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -webkit-box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  border:1px solid #FFF;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  text-shadow:1px 1px 1px rgba(0,0,0,0.1);
  padding:3px;
}
.sidebar-box-left {
  float:left;
  margin:0 0 0 1%;
}
.sidebar-box-right {
  float:right;
  margin:0 1% 0 0;
}
.sidebar-box-left h2,.sidebar-box-right h2 {
  font-size:86%;
  font-weight:bold;
  line-height:26px;
  text-transform:uppercase;
  text-align:center;
  position:relative;
  z-index:4;
  color:#333;
  padding:2px 0 0;
  margin:0;
}
.rpthumb,.snippet-outer {
  margin:0;
  font-size:86%;
  font-weight:bold;
  line-height:normal;
  border:1px dashed #ccc;
  -moz-box-shadow:0 0 0 1px #FAFAFA;
  -webkit-box-shadow:0 0 0 1px #FAFAFA;
  box-shadow:0 0 0 1px #FAFAFA;
}
.rpthumb {padding:.5em .5em 0 .5em;}
.snippet-outer {padding:0 .5em .5em;}
.rpthumb li {
  height:39px;
  list-style:none;
  display:block;
  padding:7px 7px;
  margin:0 0 2px;
  overflow:hidden;
  text-align:left;
  background-color:#e5e5e5;
  border-bottom:1px dotted #ccc;
}
.rpthumb li a {display:block;}
.rpthumb img.rp-thumb {
  outline:none;
  border:2px solid black;
  background-color:#02406C;
  display:block;
  float:left;
  margin:0 10px 0 0;
  width:35px;
  height:35px;
}
.rpthumb span {
  font-size:84%;
  color:#666;
}
.snippet-outer ul {
  margin:7px 0 0;
  padding:0;
}
.snippet-outer li {
  list-style:none;
  margin:0 0 2px;
  background-color:#e5e5e5;
  padding:0 7px 0 7px;
  line-height:24px;
  height:24px;
  overflow:hidden;
  border-bottom:1px dotted #ccc;
}
.frame-preloader iframe {
  border:none;
  width:100%;
}
#quote-frame iframe,.sidebar-box iframe {
  display:block;
  overflow:hidden;
}
#updated-posts-container {
  height:169px;
  overflow:auto;
}
#ad-1 {
  text-align:center;
  border:1px solid #3c3c3c;
  -webkit-box-shadow:inset 0 0 3px black;
  -moz-box-shadow:inset 0 0 3px black;
  box-shadow:inset 0 0 3px black;
  margin:7px;
  padding:1.4em 1em 1em;
}
#ad-1 a img {
  width:125px;
  height:125px;
  border:none;
  background:none;
  -webkit-box-shadow:0 0 2px black;
  -moz-box-shadow:0 0 2px black;
  box-shadow:0 0 2px black;
  padding:4px;
}
#ad-1 a:hover img,#ad-1 a:focus img {background-color:#6788E8;}
#ad-2 {
  text-align:center;
  padding:0 0 20px;
}
#ad-2 iframe {margin:10px auto;}
.paypal-donate {margin:2em 0 0;}
#ad-banner-wrapper {
  text-align:left;
  margin:0 0 0 1.9%;
}
img.ad-banner {
  border:4px solid #2c2c2c;
  width:82.3%;
  margin:0 0 2px;
}
#ad-banner-wrapper a:focus img.ad-banner {border-color:#ff0;}
#ad-banner-wrapper .alexa-blog {
  float:right;
  margin:0 1.8% 0 0;
  display:none;
}
#ad-banner-wrapper .alexa-blog img {
  width:104px;
  height:87px;
  border:4px solid #2c2c2c;
  margin:0 0 2px;
}
#ad-bottom {
  width:auto;
  margin:50px 0 0;
  overflow:hidden;
}
#ad-bottom img {
  width:125px;
  height:125px;
  border:2px solid #666;
  float:left;
  margin:0 1em 0 0;
}
#ad-bottom strong {
  display:block;
  margin-bottom:5px;
}
#ad-bottom .container {
  border-top:5px solid #0186CB;
  background-color:#eee;
  width:44.8%;
  overflow:hidden;
  padding:2% 2% 1018px 2%;
  margin:0 0 -1000px 0;
}
#ad-bottom .container:hover img {border-color:#FF5DC2;}
#top-ribbon {
  position:absolute;
  top:29px;
  right:1%;
  z-index:10;
  width:108px;
  height:255px;
  background-color:#333;
  color:#999;
  -webkit-box-shadow:0 5px 7px rgba(0,0,0,.7);
  -moz-box-shadow:0 5px 7px rgba(0,0,0,.7);
  box-shadow:0 5px 7px rgba(0,0,0,.7);
  -webkit-border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  border-radius:0 0 5px 5px;
  -webkit-transition:right .15s linear;
  -moz-transition:right .15s linear;
  -ms-transition:right .15s linear;
  -o-transition:right .15s linear;
  transition:right .15s linear;
  border:1px solid;
  border-color:#444 #222 #222 #444;
  padding:10px;
}
#top-ribbon:after {
  content:"";
  display:block;
  width:0;
  height:0;
  position:absolute;
  top:100%;
  left:20px;
  border:15px solid transparent;
  border-top-color:#333;
}
#top-ribbon .img-container {
  width:82px;
  border:3px double #3c3c3c;
  -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.4);
  -moz-box-shadow:inset 0 0 2px rgba(0,0,0,.4);
  box-shadow:inset 0 0 2px rgba(0,0,0,.4);
  margin:0 0 10px auto;
  padding:10px;
}
#top-ribbon .img-container img {
  display:block;
  padding:0;
}
#level {
  width:108px;
  display:block;
  margin:0 0 0 auto;
}
#level li {
  display:block;
  margin:0 0 2px;
  list-style:none;
}
#level li a {
  display:block;
  background-color:#3c3c3c;
  color:#ccc;
  font:normal normal 8px/normal Arial,Sans-Serif;
  text-transform:uppercase;
  position:relative;
  -webkit-transition:all .26s ease-out;
  -moz-transition:all .26s ease-out;
  -ms-transition:all .26s ease-out;
  -o-transition:all .26s ease-out;
  transition:all .26s ease-out;
  padding:6px 10px;
}
#level li a:before {
  content:"";
  display:block;
  width:0;
  height:0;
  position:absolute;
  top:0;
  right:0;
  border:11px solid transparent;
  border-right-color:#333;
}
#level li a:hover,#level li a:focus {
  -webkit-transition-duration:0s;
  -moz-transition-duration:0s;
  -ms-transition-duration:0s;
  -o-transition-duration:0s;
  transition-duration:0s;
  color:white;
  text-decoration:none;
  padding:6px 0 6px 15px;
}
#level li.l-1 a:hover,#level li.l-1 a:focus {background-color:#DC98FF;}
#level li.l-2 a:hover,#level li.l-2 a:focus {background-color:#FF5DC2;}
#level li.l-3 a:hover,#level li.l-3 a:focus {background-color:#0186CB;}
#level li.l-4 a:hover,#level li.l-4 a:focus {background-color:#0251C9;}
[data-tag="Dasar"] #level li.l-1,[data-tag="Menengah"] #level li.l-2,[data-tag="Tingkat Lanjut"] #level li.l-3,[data-tag="Eksperimen"] #level li.l-4,#level li.current a {border-left:2px solid #39f;}
.menuku {
  position:absolute;
  top:65px;
  right:17.5%;
  font:normal 12px Arial;
  line-height:normal;
  color:#999;
  width:210px;
  text-transform:none;
  text-decoration:none;
  margin:0 auto;
  padding:0 auto;
}
.menuku ul {
  margin:0;
  padding:0;
}
.menuku li {
  list-style:none;
  color:#999;
  float:left;
  display:inline;
  position:relative;
  margin:0;
  padding:0;
}
.menuku li a {
  background:url('http://3.bp.blogspot.com/-C7cjkp-xQeE/UPktW40dq8I/AAAAAAAAJfQ/Brd4yRErBYA/s1600/mnubg.png') repeat-x top;
  display:block;
  text-decoration:none;
  font-weight:700;
  color:#999;
  text-shadow:1px 1px 2px #111;
  outline:none;
  margin:0 2px;
  padding:5px 13px;
  border:1px solid #111;
}
.menuku li a:hover {
  background:#333;
  color:#999;
  -moz-box-shadow:inset 2px 2px 2px #151515;
  -webkit-box-shadow:inset 2px 2px 2px #151515;
  box-shadow:inset 2px 2px 2px #151515;
}
#cse-search-box,#subscribe-form form {font:inherit;}
#cse-search-box {
  position:absolute;
  top:5.3px;
  right:10px;
  z-index:10;
  vertical-align:top;
  text-align:right;
  width:165px;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}
#cse-search-box input.search-field,#subscribe-form input {
  background-color:#444;
  width:125px;
  padding:1px;
  -webkit-box-shadow:inset 0 0 2px #333;
  -moz-box-shadow:inset 0 0 2px #333;
  box-shadow:inset 0 0 2px #333;
  border:1px solid;
  border-color:#222 #444 #444 #222;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
#cse-search-box input.search-field:focus {
  width:160px;
  color:white;
  background-color:#f3a01e;
  -webkit-box-shadow:0 0 2px white,0 0 30px white;
  -moz-box-shadow:0 0 2px white,0 0 30px white;
  box-shadow:0 0 2px white,0 0 30px white;
  border-color:white;
  -webkit-transition:all .1s ease-out;
  -moz-transition:all .1s ease-out;
  -ms-transition:all .1s ease-out;
  -o-transition:all .1s ease-out;
  transition:all 1s ease-out;
}
#subscribe-form {
  width:210px;
  padding:0 0 7px;
  background-color:#5d73b5;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  position:absolute;
  top:10px;
  left:10px;
  display:none;
}
#subscribe-form input.email-input {
  width:173px;
  margin:10px 0 7px 10px;
  padding:7px;
  font-size:86%;
}
#subscribe-form input.email-submit {
  width:auto;
  margin:0 0 0 10px;
  padding:4px 8px;
  border:0;
  text-shadow:none;
  background-color:#405289;
  background-image:none;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
#subscribe-form input.email-submit:hover,#subscribe-form input.email-submit:focus {
  background-color:#2e3e6a;
  background-image:none;
}
a.close-form,a.close-form:hover,a.close-form:focus {
  float:right;
  margin:0 8px 1px 0;
  color:white;
  font-family:Tahoma,Verdana,Arial,Sans-Serif;
  font-size:110%;
  line-height:100%;
  text-decoration:none;
}
a.close-form:hover,a.close-form:focus {color:#ccc;}
#HTML5 .widget-content {text-align:center;}
#HTML5 img {
  display:inline;
  background-color:black;
  padding:4px;
  border:none;
  opacity:.7;
}
#HTML5 img:hover {opacity:1;}
.widget.Label .label-count {
  position:fixed !important;
  position:absolute;
  background-color:black;
  color:white;
  font-size:150%;
  font-weight:bold;
  top:0;
  right:35px;
  margin-top:200px;
  opacity:.7;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  padding:.5em 1.4em .3em;
  display:none;
}
.widget.PopularPosts .widget-content {
  font-size:96%;
  line-height:normal;
}
.widget.PopularPosts li {padding:.5em 0 .8em;}
.widget.PopularPosts .item-title a {
  display:block;
  font-weight:bold;
  margin:0 0 .2em;
}
.widget.PopularPosts img {
  padding:0;
  margin:5px 10px 0 0;
  border:0;
  background-color:#111;
  float:left;
}
.widget.PopularPosts a.more-link,.widget.PopularPosts a.more-link:hover,.widget.PopularPosts a.more-link:focus {
  display:block;
  float:right;
  color:#333;
  background-color:#999;
  line-height:100%;
  margin:1em 0 0;
  padding:2px 6px 4px 5px;
  font-size:10px;
  font-style:italic;
  text-decoration:none;
  text-shadow:none;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.widget.PopularPosts a.more-link:hover,.widget.PopularPosts a.more-link:focus {background-color:white;}
.widget.BlogArchive {text-align:left;}
.widget.BlogArchive ul,.widget.BlogArchive li,.widget.BlogArchive ul ul,.widget.BlogArchive li li {
  font-weight:bold;
  margin:0;
  padding:0;
  border:none;
  list-style:none;
}
.widget.BlogArchive a.post-count-link,.widget.BlogArchive a.post-count-link:link,.widget.BlogArchive a.post-count-link:visited,.widget.BlogArchive a.toggle,.widget.BlogArchive a.toggle:link,.widget.BlogArchive a.toggle:visited,.widget.BlogArchive a.toggle:hover {text-decoration:none;}
.widget.BlogArchive .toggle {
  cursor:pointer;
  font-family:Arial,Sans-Serif;
  line-height:100%;
}
.widget.BlogArchive ul li {
  margin:2px 0;
  padding:.2em .2em 0;
  background-color:#232323;
}
.widget.BlogArchive li li {
  padding:0 0 0 1.4em;
  margin:0;
  font-size:96%;
  font-weight:normal;
}
.widget.BlogArchive ul ul:last-child {padding:0 0 .3em;}
.widget.BlogArchive .collapsed ul {display:none;}
#about {
  width:90%;
  margin:1em auto;
  padding:1em;
  text-align:left;
  border:3px double #3c3c3c;
  position:relative;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.6);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.6);
  box-shadow:0 0 2px rgba(0,0,0,.6);
  display:none;
}
#about p {margin:0 0 1.2em;}
#about h2,#blog_list h2 {
  background-color:#3c3c3c;
  font:normal normal 120%/2em Alike,Georgia,"URW Bookman L",Serif;
  text-transform:uppercase;
  position:relative;
  margin:0 0 1.2em;
  padding:0 .8em;
  color:white;
}
#tab-hidden h3 {
  background-color:#3c3c3c;
  font:normal normal 120%/2em Alike,Georgia,"URW Bookman L",Serif;
  text-transform:uppercase;
  letter-spacing:0;
  position:relative;
  margin:0 0 1.2em;
  padding:0 .8em;
  color:white;
}
#about .col a {color:#5687b8;}
#about .sidebar a:hover,#about .sidebar a:focus {text-decoration:underline;}
#about .col {
  width:56%;
  height:570px;
  display:inline;
  color:#ccc;
  overflow:auto;
  margin:0 1%;
}
#about .col.float-left {
  margin-right:0;
  padding-right:20px;
  border-right:7px solid #3582d0;
}
#about .col.float-right {
  width:36%;
  margin-left:0;
}
#about .drop-cap {
  font:normal normal 22px/normal Alike,Georgia,"URW Bookman L",Serif;
  color:white;
  text-align:center;
  width:30px;
  height:auto;
  background-color:#3c3c3c;
  position:relative;
  margin:2px 10px 2px 0;
  padding:10px 0 30px;
}
#about .drop-cap:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border:15px solid transparent;
  border-bottom-color:#333;
  position:absolute;
  bottom:0;
  left:0;
}
#hide-about,#hide-about:hover,#hide-about:focus,#hide-sidebar,#hide-sidebar:hover,#hide-sidebar:focus,#hide-blog_list,#hide-blog_list:hover,#hide-blog_list:focus {
  cursor:pointer;
  position:absolute;
  top:6px;
  right:6px;
  background:none;
  font:normal bold 13px/14px Georgia,"URW Bookman L",Serif;
  color:white;
  text-decoration:none;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:2px 6px 4px;
}
#hide-about:hover,#hide-about:focus,#hide-sidebar:hover,#hide-sidebar:focus,#hide-blog_list:hover,#hide-blog_list:focus {
  background-color:white;
  color:black;
}
#blog_list {
  width:90%;
  margin:1em auto;
  padding:1em;
  text-align:left;
  border:3px double #3c3c3c;
  position:relative;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.6);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.6);
  box-shadow:0 0 2px rgba(0,0,0,.6);
  display:none;
}
#blog_list .blog-lst {
  width:46.7%;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  position:relative;
  float:left!Important;
  display:inline-block;
  background-color:#1a1a1a;
  background-image:-webkit-linear-gradient(top,#1a1a1a,#161616);
  background-image:-moz-linear-gradient(top,#1a1a1a,#161616);
  background-image:-ms-linear-gradient(top,#1a1a1a,#161616);
  background-image:-o-linear-gradient(top,#1a1a1a,#161616);
  background-image:linear-gradient(top,#1a1a1a,#161616);
  border-top:1px solid #454545;
  -webkit-box-shadow:0 2px 2px #090909;
  -moz-box-shadow:0 2px 2px #090909;
  box-shadow:0 2px 2px #090909;
  height:175px;
  margin:0 20px 20px 0;
  overflow:hidden;
}
#blog_list .blog-lst .post-titlex {
  color:#555;
  border-bottom:1px solid #000;
  background-color:#333333;
  background-image:-webkit-linear-gradient(top,#353535,#333333);
  background-image:-moz-linear-gradient(top,#353535,#333333);
  background-image:-ms-linear-gradient(top,#353535,#333333);
  background-image:-o-linear-gradient(top,#353535,#333333);
  background-image:linear-gradient(top,#353535,#333333);
  -webkit-box-shadow:0 0 0 1px #2d2d2d;
  -moz-box-shadow:0 0 0 1px #2d2d2d;
  box-shadow:0 0 0 1px #2d2d2d;
  white-space:nowrap;
  text-overflow:ellipsis;
  width:100%;
  overflow:hidden;
  padding:8px 10px 8px 10px;
}
#blog_list .blog-lst .post-titlex img,#blog_list .blog-lst .post-titlex a {float:left;}
.blog-lst .post-titlex a {
  margin:-4px 0 0 10px;
  white-space:nowrap;
  text-overflow:ellipsis;
  width:90%;
  overflow:hidden;
}
#blog_list .blog-lst .post-content {padding:10px 10px;}
#blog_list .blog-lst .post-content img {
  float:left;
  margin:0 10px 100px 0;
  padding:1px;
  background-color:#000;
  border:1px solid #252525;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
#blog_list .blog-lst .title-post a {
  display:block;
  white-space:nowrap;
  text-overflow:ellipsis;
  width:70%;
  overflow:hidden;
  padding:0 0 4px 0;
  margin:0 0 3px 0;
  background:url()no-repeat bottom right;
}
#blog_list .blog-lst .item-snippet {
  color:#999;
  font-size:10px;
  line-height:1.5em;
  height:42px;
  position:relative;
  word-wrap:break-word;
  overflow:hidden;
}
#blog_list .blog-lst .item-snippet:before {content:attr(data-snippet);}
#blog_list .blog-lst .post-time {
  position:absolute;
  bottom:20px;
  right:20px;
  width:100%:;
}
#blog_list .blog-lst .post-time a {
  width:70px;
  white-space:nowrap;
  text-overflow:ellipsis;
  display:block;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  color:#434d12;
  background:#abbf4c;
  background:url();
  background:-moz-linear-gradient(top,#abbf4c 0%,#7c8c32 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#abbf4c),color-stop(100%,#7c8c32));
  background:-webkit-linear-gradient(top,#abbf4c 0%,#7c8c32 100%);
  background:-o-linear-gradient(top,#abbf4c 0%,#7c8c32 100%);
  background:-ms-linear-gradient(top,#abbf4c 0%,#7c8c32 100%);
  background:linear-gradient(to bottom,#abbf4c 0%,#7c8c32 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;
  #abbf4c&#39;
  ,endColorstr=&#39;
  #7c8c32&#39;
  ,GradientType=0 );
  padding:2px 16px;
  font-size:10px;
}
#blog_list .blog-lst .post-time a:hover {
  color:#6d7ca0;
  text-shadow:0 1px 0 #353535;
  background:#606c88;
  background:url();
  background:-moz-linear-gradient(top,#606c88 0%,#3f4c6b 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#606c88),color-stop(100%,#3f4c6b));
  background:-webkit-linear-gradient(top,#606c88 0%,#3f4c6b 100%);
  background:-o-linear-gradient(top,#606c88 0%,#3f4c6b 100%);
  background:-ms-linear-gradient(top,#606c88 0%,#3f4c6b 100%);
  background:linear-gradient(to bottom,#606c88 0%,#3f4c6b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;
  #606c88&#39;
  ,endColorstr=&#39;
  #3f4c6b&#39;
  ,GradientType=0 );
}
#blog_list .post-titlex img {
  width:16px;
  height:16px;
}
.comments {
  padding:2em;
  margin:0 2%;
  background-color:#2f2f2f;
  border:2px solid #666;
  -webkit-box-shadow:inset 0 0 7px black;
  -moz-box-shadow:inset 0 0 7px black;
  box-shadow:inset 0 0 7px black;
  color:white;
}
.comments .note,em[rel="note"] {
  display:block;
  padding:5px 10px;
  border:1px solid black;
  background-color:#222;
  background-image:-webkit-linear-gradient(#333,#222);
  background-image:-moz-linear-gradient(#333,#222);
  background-image:-ms-linear-gradient(#333,#222);
  background-image:-o-linear-gradient(#333,#222);
  background-image:linear-gradient(#333,#222);
  -webkit-box-shadow:0 0 0 1px #555;
  -moz-box-shadow:0 0 0 1px #555;
  box-shadow:0 0 0 1px #555;
  color:#ccc;
  font:normal normal 11px/normal Tahoma,Verdana,Arial,Sans-Serif;
  text-shadow:0 1px 0 black;
}
.comments .note a,.comments .note code {font-size:100%;}
.comments img.incomment,.comments blockquote img.incomment {
  display:block;
  margin:2px auto 0;
}
.comments pre,i[rel="pre"],.comments blockquote,.comments b[rel="quote"] {margin:5px 0;}
.comments a {color:#5687B8;}
.comments a.allow,i[rel="anchor"] {font-size:97%;}
.comments code,i[rel="code"],#respond em {
  color:inherit;
  font:normal normal 12px/1.4 "Courier New",Courier,Monospace;
}
.comments code a,.comments code a:hover,.comments code a:focus {
  color:inherit;
  background:none;
}
.comments i[rel="image"] {
  display:block;
  margin:2px auto;
  width:50px;
  height:50px;
  border:5px solid #222;
  background-color:white;
  font:normal normal 0/0 a;
  color:transparent;
  text-shadow:none;
  overflow:hidden;
  position:relative;
}
.comments iframe.video {
  width:320px;
  max-width:320px;
  height:224px;
  -webkit-box-shadow:0 1px 3px black;
  -moz-box-shadow:0 1px 3px black;
  box-shadow:0 1px 3px black;
  display:block;
  margin:10px auto;
  border:4px solid #444;
  background-position:50% 50%;
}
.comments h4 {
  color:white;
  font-size:116%;
  margin:1.5em 0 1em;
  padding:0;
  letter-spacing:0;
}


.comments .avatar-image-container {
  margin:0 0 3px;
  border:1px solid #3c3c3c;
  padding:4px;
  width:45px;
  height:45px;
  max-width:100%;
  max-height:100%;
  float:none;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  background-color:#666;
  -webkit-background-clip:content-box;
  -moz-background-clip:content-box;
  background-clip:content-box;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}
.comments .avatar-image-container img {
  width:45px;
  height:45px;
  max-width:100%;
  max-height:100%;
  overflow:visible;
  float:none;
}
.comments .avatar-image-container img:hover {opacity:.7;}
.comments .button {color:#ebebeb;}
#cm_block {visibility:hidden;}
.cm_wrap {
  clear:both;
  float:right;
  margin-bottom:4px;
  width:100%;
  position:relative;
}
.cm_head {
  width:58px;
  float:left;
}
.cm_reply a {
  display:block;
  width:auto;
  margin:0 0 1px 3px;
  padding:2px 7px 3px;
  text-transform:none;
  color:white !important;
  background-color:#4861a3;
  background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
  background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
  background-image:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
  background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
  background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
  font:normal normal 10px Tahoma,Verdana,Arial,Sans-Serif;
  -webkit-box-shadow:0 2px 2px black;
  -moz-box-shadow:0 2px 2px black;
  box-shadow:0 2px 2px black;
  -webkit-border-radius:3px 0 0 3px;
  -moz-border-radius:3px 0 0 3px;
  border-radius:3px 0 0 3px;
  -webkit-transition:all .16s ease-in-out;
  -moz-transition:all .16s ease-in-out;
  -ms-transition:all .16s ease-in-out;
  -o-transition:all .16s ease-in-out;
  transition:all .16s ease-in-out;
}
.cm_reply .item-control {display:block;}
.cm_reply a:hover,.cm_reply a:focus,.cm_reply a.clicked {
  color:white;
  margin:0 0 1px -3px;
  padding:2px 10px 3px 7px;
  outline:none;
  text-decoration:none;
}
.cm_reply a:focus,.cm_reply a.clicked {background-color:#890586;}
.cm_reply a:active {
  background-image:-webkit-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-o-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  outline:none;
}
.cm_entry {
  margin:0 0 0 58px;
  padding:1.26em;
  border:1px solid #3c3c3c;
  background-color:#333;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  overflow:hidden;
  position:relative;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;
  -ms-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  transition:all 1s ease-out;
}
.cm_entry .author-mark {
  display:block;
  width:0;
  height:0;
  border:12px solid transparent;
  border-color:transparent #900 #900 transparent;
  position:absolute;
  right:0;
  bottom:0;
}
.cm_entry .cm_info,.cm_entry .para {
  border:1px solid #555;
  background-color:#444;
  padding:.5em .8em;
}
.cm_entry .cm_info {margin-bottom:2px;}
.cm_entry .para {
  clear:both;
  word-wrap:break-word;
}
.cm_name {
  font-weight:bold;
  font-style:normal;
  float:left;
}
.cm_date {
  font-size:84%;
  font-style:italic;
  line-height:1.8;
  color:#888;
  float:right;
}
.cm_entry .para.deleted-by-js {color:#bbb;}
.cm_entry .para.deleted-by-js textarea {
  width:100%;
  height:120px;
  margin:1.7em auto;
}
.cm_pagenavi {
  font-size:10px;
  text-transform:uppercase;
  color:#666;
  font-weight:bold;
}
.cm_pagenavi a {padding:10px;}
.cm_pagenavi span {
  color:#888;
  background-color:#3c3c3c;
  padding:4px;
}
#comment-form {
  clear:both;
  margin:3em 0 0;
  padding:1.6em;
  -webkit-box-shadow:0 1px 5px black;
  -moz-box-shadow:0 1px 5px black;
  box-shadow:0 1px 5px black;
  width:auto;
  max-width:100%;
}
#respond p {font-size:96%;}
#comment-editor {
  width:100%;
  height:270px;
  background:none;
}
#frame-outer {position:relative;}
#cancel-answer {display:none;}
.cm_wrap #comment-form {
  margin:4px 0 0;
  border:1px solid #3c3c3c;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
}
.cm_wrap #cancel-answer {display:inline;}
.cm_wrap #comment-form .heads-up {display:none;}
img.emo,input.emo-key {
  position:relative;
  cursor:pointer;
  width:auto;
  vertical-align:middle;
}
input.emo-key {
  background-color:black;
  border:none;
  font-size:12px;
  font-weight:normal;
  color:white;
  margin:0 0 0 5px;
  padding:1px;
}
.addthis_toolbox {
  clear:both;
  width:90%;
  height:20px;
  margin:0 0 2px 1%;
  position:relative;
}
.addthis-tooltip {
  display:block;
  width:150px;
  padding:10px 15px;
  position:absolute;
  bottom:100%;
  left:30px;
  z-index:77;
  margin-bottom:40px;
  background-color:black;
  color:white;
  font-size:96%;
  text-align:center;
  white-space:nowrap;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .26s ease-out;
  -moz-transition:all .26s ease-out;
  -ms-transition:all .26s ease-out;
  -o-transition:all .26s ease-out;
  transition:all .26s ease-out;
}
.addthis-tooltip:before {
  content:"";
  display:block;
  width:0;
  height:0;
  border:7px solid transparent;
  border-top-color:black;
  position:absolute;
  top:100%;
  left:10px;
}
.addthis_toolbox .addthis_inner:hover .addthis-tooltip {
  visibility:visible;
  opacity:1;
  margin-bottom:25px;
}
#checker-box {
  position:fixed !important;
  position:absolute;
  bottom:0;
  right:20px;
  border:2px solid #888;
  border-bottom-width:0;
  background-color:#B2B2B2;
  font-size:120%;
  font-weight:normal;
  text-transform:none;
  color:#333;
  z-index:80;
  padding:2px 1.5% 2px 2px;
}
#ckecker-box input {margin-bottom:.4em;}
#checker-box label {
  position:relative;
  top:-2px;
}
#toggle-code-view {
  margin:.4em;
  top:0;
}
.toolpik {
  position:fixed !important;
  position:absolute;
  top:40px;
  left:20px;
  z-index:1000;
  background-color:#F7FFAD;
  border:2px solid white;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.7);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.7);
  box-shadow:0 1px 2px rgba(0,0,0,.7);
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  width:300px;
  height:auto;
  font:normal normal 12px Alike,Cambria,Times,Serif;
  letter-spacing:0;
  text-transform:none;
  color:#222;
  text-align:left;
  padding:15px;
  display:none;
}
.toolpik:after {
  content:"";
  display:table;
  clear:both;
}
.toolpik h2 {
  font-size:18px;
  margin:0 0 10px;
}
.toolpik p {margin:10px 0;}
.toolpik a {
  color:#E30374;
  border-bottom:1px dotted #ddd;
}
.tt-search {
  display:none;
  border:1px solid #bbb;
  background-color:white;
  padding:5px 7px;
  position:absolute;
  z-index:99999;
  text-align:left;
  margin:30px 0 0 50px;
}
.tt-search .anchor {
  font-size:90%;
  font-family:Arial,Sans-Serif;
  line-height:normal;
  display:block;
  color:#4A87B8;
  cursor:pointer;
}
.tt-search .anchor:hover {text-decoration:underline;}
.recent-comments {
  border:2px solid #2c4688;
  margin:0 0 10px;
}
.recent-comments ul,.recent-comments li {
  text-align:left;
  margin:0;
  padding:0;
  list-style:none;
  font-size:86%;
  line-height:normal;
  color:#ccc;
}
.recent-comments li {
  padding:5px 10px;
  background-color:#4861a3;
  border-bottom:1px solid #374f8a;
  position:relative;
  overflow:hidden;
}
.recent-comments li:hover,.recent-comments li:first-child {background-color:#33519d;}
.recent-comments a {color:white;}
.recent-comments a {color:white;}
.post:not([data-author]) {display:none;}
.no-js .recent-comments {display:none;}
.no-js #cm_block,.no-js #about:target {
  visibility:visible;
  display:block;
}
.no-js div:target .cm_entry,.comments .selected .cm_entry {border:2px solid yellow;}
.no-js div:target .avatar-image-container,.comments .selected .avatar-image-container {
  border:5px solid yellow;
  padding:0;
}
.hibernate-mode #comment-editor {display:none;}
.hibernate-mode .cm_head a {background-color:#555;}
.hibernate-mode .cm_entry .author-mark {border-color:transparent #3c3c3c #3c3c3c transparent;}
.comments .hibernate-mode a {color:#999;}
.hibernate-mode .cm_entry img {opacity:.4;}
.hibernate-mode .recent-comments {border:2px solid #111;}
.hibernate-mode .recent-comments li {
  background-color:#444;
  border-bottom-color:#333;
}
.hibernate-mode .recent-comments li:first-child,.hibernate-mode .recent-comments li:hover {background-color:#3c3c3c;}
.hibernate-mode .avatar-image-container.admin-avatar {background:none;}
.hiber_avatar {
  margin:0 0 3px;
  border:1px solid #3c3c3c;
  padding:4px;
  width:45px;
  height:45px;
  max-width:100%;
  max-height:100%;
  float:none;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  background-color:#666;
  -webkit-background-clip:content-box;
  -moz-background-clip:content-box;
  background-clip:content-box;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}
.hiber_info {
  margin:-58px 0 0 58px;
  padding:1.26em;
  border:1px solid #3c3c3c;
  background-color:#333;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  overflow:hidden;
  position:relative;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;
  -ms-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  transition:all 1s ease-out;
}
#kotak-pesan {
  position:fixed !important;
  position:absolute;
  top:-1000px;
  left:50px;
  margin:0 0 0 0;
  width:auto;
  height:auto;
  background-color:#174A87;
  border:10px solid #0A2E58;
  color:white;
  padding:0;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  z-index:1000;
}
#kotak-pesan *:focus {outline:none;}
#kotak-pesan .isi-dialog {
  height:auto;
  margin:15px;
  font:normal 12px Arial,Sans-Serif;
}
#kotak-pesan .close {
  position:absolute;
  top:-15px;
  right:-15px;
  background:#174A87;
  font:bold 16px Arial,Sans-Serif;
  text-decoration:none;
  line-height:22px;
  width:22px;
  text-align:center;
  color:#fff;
  border:4px solid #0A2E58;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:22px;
  -moz-border-radius:22px;
  border-radius:22px;
  cursor:pointer;
}
#kotak-pesan .close:hover {color:yellow;}
#dialog-overlay {
  position:fixed !important;
  position:absolute;
  z-index:999;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:#111;
  display:none;
}
.histat {
  width:120px;
  height:auto;
  padding:3px;
  margin-bottom:10px;
  text-align:center;
  border:1px solid #bbb;
  -webkit-box-shadow:0 1px 4px black;
  -moz-box-shadow:0 1px 4px black;
  box-shadow:0 1px 4px black;
}
.amung {
  width:126px;
  height:auto;
  padding-top:27px;
  padding-bottom:26px;
  margin-top:10px;
  text-align:center;
  border:1px solid #bbb;
  -webkit-box-shadow:0 1px 4px black;
  -moz-box-shadow:0 1px 4px black;
  box-shadow:0 1px 4px black;
}
#form-farse {
  position:fixed !important;
  position:absolute;
  top:40px;
  left:-450px;
  margin:0 0 0 0;
  width:auto;
  height:auto;
  background-color:#222;
  border:10px solid #333;
  color:white;
  padding:0;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  z-index:1000;
}
#form-farse .close-farse {
  position:absolute;
  top:-15px;
  right:-15px;
  background:#222;
  font:bold 16px Arial,Sans-Serif;
  text-decoration:none;
  line-height:22px;
  width:22px;
  text-align:center;
  color:#fff;
  border:4px solid #333;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:22px;
  -moz-border-radius:22px;
  border-radius:22px;
  cursor:pointer;
}
#error-page {
  background-color:#eef3fa;
  position:fixed !important;
  text-align:center;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
#error-page img {
  text-align:center;
  width:583px;
  height:583px;
  margin-top:45px;
}
#disqus_thread {
    margin: 20px auto;
    clear: both;
    width: 86%;
    height: 86%;
    color: rgb(20, 20, 20);
    text-shadow: none !important;
}
.box,.daf-menu {
  position:fixed;
  top:-800px;
  border:none;
  width:876px;
  border-radius:10px;
  color:#7F7F7F;
  padding:1px;
  z-index:999;
  box-shadow:0 0 10px rgba(0,0,20,0.25),inset 0 0 20px rgba(0,0,20,0.20);
  -moz-box-shadow:0 0 10px rgba(0,0,20,0.25),inset 0 0 20px rgba(0,0,20,0.20);
  -webkit-box-shadow:0 0 10px rgba(0,0,20,0.25),inset 0 0 20px rgba(0,0,20,0.20);
}
.box2 {
  position:relative;
  display:block;
  width:100%;
  overflow:auto;
  overflow-x:hidden;
  background-color:#fff !important;
  height:330px;
}
.box3,.box1 {
  display:block;
  text-transform:uppercase;
  text-align:left;
  height:30px;
}
.box1 {
  border-radius:4px 4px 0 0!Important;
  -webkit-border-radius:4px 4px 0 0!Important;
  -moz-border-radius:4px 4px 0 0!Important;
  border-bottom:1px solid #aaa!Important;
}
.box3 {
  border-radius:0 0 4px 4px!Important;
  -webkit-border-radius:0 0 4px 4px!Important;
  -moz-border-radius:0 0 4px 4px!Important;
  border-top:1px solid #ddd!Important;
}
.box3 a,.box1 a,.box1 a:hover {
  color:#555;
  text-shadow:0 1px 0 #eee !important;
  text-overflow:ellipsis;
  font:bold 16px /2em "roboto",arial,sans-serif !important;
}
a.boxclose,a.daf-menu-close {
  cursor:pointer;
  display:block;
  width:35px !important;
  height:35px !important;
  background-image:url(http://dhf-project.googlecode.com/svn/brain/shell/style/with/image/spirt-1.png);
  background-repeat:no-repeat;
  background-position:0 -175px;
  -webkit-box-shadow:none !important;
  border-radius:none !important;
  -webkit-border-radius:none !important;
  -moz-border-radius:none !important;
}
a.boxclose:hover {background-position:0 -140px;}
.daf-menu .box2 {background:#000 !important;}
.box3,.box1 {
  background:#d3d3d3;
  background:-moz-linear-gradient(top,#d3d3d3 0%,#c3c3c3 52%,#b3b3b3 99%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d3d3d3),color-stop(52%,#c3c3c3),color-stop(99%,#b3b3b3));
  background:-webkit-linear-gradient(top,#d3d3d3 0%,#c3c3c3 52%,#b3b3b3 99%);
  background:-o-linear-gradient(top,#d3d3d3 0%,#c3c3c3 52%,#b3b3b3 99%);
  background:-ms-linear-gradient(top,#d3d3d3 0%,#c3c3c3 52%,#b3b3b3 99%);
  background:linear-gradient(to bottom,#d3d3d3 0%,#c3c3c3 52%,#b3b3b3 99%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3',endColorstr='#b3b3b3',GradientType=0 );
  font-weight:900;
  padding:12px 25px;
  border-bottom:1px solid #999;
  color:#535252;
  text-shadow:0 1px 0 #dedede !important;
  border-radius:6px 6px 0 0;
  -webkit-border-radius:6px 6px 0 0;
  -moz-border-radius:6px 6px 0 0;
  -moz-box-shadow:inset 0 1px 0 0 #ffffff;
  -webkit-box-shadow:inset 0 1px 0 0 #ffffff;
  box-shadow:inset 0 1px 0 0 #ffffff;
  font-weight:900 !important;
}
